﻿@page "/accordion"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Accordion
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor Accordion component.
</RadzenText>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8 rz-mb-6">
    Accordion with single expand
</RadzenText>
<RadzenExample ComponentName="Accordion" Example="AccordionSingleExpand">
    <AccordionSingleExpand />
</RadzenExample>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12">
    Accordion with multiple expand
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Set <code>Multiple</code> to <code>true</code> to enable multiple expand.
</RadzenText>
<RadzenExample ComponentName="Accordion" Example="AccordionMultipleExpand">
    <AccordionMultipleExpand />
</RadzenExample>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8 rz-mb-6">
    Expand/Collapse events
</RadzenText>
<RadzenExample ComponentName="Accordion" Example="AccordionEvents">
    <AccordionEvents />
</RadzenExample>
